<template>
  <div>
    <!-- 页头 -->
    <van-nav-bar class="navbar" placeholder fixed :border="false">
      <router-link to="/upload" slot="left"
        ><img src="http://qxkmdhmin.hn-bkt.clouddn.com/jia.png"
      /></router-link>
      <input
        class="searchCai"
        type="text"
        slot="left"
        placeholder="搜索菜谱、食材"
        @focus="focusgo"
      />
      <img src="http://qxkmdhmin.hn-bkt.clouddn.com/news.png" slot="right" />
    </van-nav-bar>

  </div>
</template>
<script>
export default {
  data() {
    return {
      placeholder: true,
    };
  },
  methods: {
    focusgo() {
      this.$router.push("/search");
    },
  },
};
</script>
<style lang="sass">
  .searchCai
    border-radius: 7px
    border: none
    background: #f3f3ecdc url("http://qxkmdhmin.hn-bkt.clouddn.com/sousuo.png") 3px 10px no-repeat
    text-indent: 2em
    height: 35px
    width: 245px
    font-size: 15px
    margin-left: 17px
    
</style>